<template>
    <div>
        <div>
            <van-nav-bar title="绑定手机号" left-text="" right-text="" left-arrow @click-left="back" />
        </div>

        <div class="imgBox">
            <img src="https://cdn3.axureshop.com/demo/1525603/images/%E7%BB%91%E5%AE%9A%E6%89%8B%E6%9C%BA%E5%8F%B7/u13857.png" alt="">
        </div>
        <div class="text">
            当前绑定手机号:{{phoneNum}}
        </div>
        <div class="btn">
            <van-button round color="#ff7b57" plain size="large" to="/changephone">更换手机号</van-button>
        </div>
    </div>


</template>

<script>
export default {
    data() {
        return {
            phoneNum:''   //create从后端获取号码
        }
    },
    props: {},
    methods: {
        back() {
            this.$router.go(-1)
        }
    },
    created() {
       this.phoneNum=this.$store.state.userNumber
    },
}
</script>

<style scoped>
    .imgBox{
        width: 110px;
        height: 150px;
        margin: 60px auto 20px;
    }
    .text{
        width: 90%;
        margin: auto;
        text-align: center;
        font-size: 18px;
    }
.btn{
    width: 90%;
    margin: 20px auto ;
}



</style>